.toolbarcontainer{
    bottom: 0px;
    right: 0px;
    padding: 25px 25px 25px 25px;
    margin: 0 25px 25px 0;
    position: fixed;
    opacity: 0.3;
    transition: opacity 0.25s ease-in-out;
}

.toolbarcontainer:hover{
    opacity: 1;
}

.toolbar{
    background: rgba(0, 0, 0, 0.0);
    /*border: 1px solid #BBB;*/
    border-radius: 5px;
    font-family: 'Consolas', 'Lucida Grande', Helvetica, Arial, Verdana, sans-serif;
    overflow: hidden;
    cursor: pointer;
}

.toolbarbutton{
    color: #888;
    background: rgba(255, 255, 255, 0.9);
    transition: background 0.05s ease-in-out;
    font-size:medium;
    padding: 6px 14px 10px 14px;
    display: inline-block;
    user-select: none;
}

.toolbarbuttonborder{
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #BBB;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #BBB;
}

.toolbarbutton:hover{
    background: rgba(220, 220, 220, 0.9);
}

.toolbarbutton:active{
    background: rgba(185, 185, 185, 0.9);
}

.toolbarcontainer2{
    bottom: 20px;
    right: 0px;
    padding: 25px 25px 25px 25px;
    margin: 0 25px 25px 0;
    position: fixed;
    opacity: 0;
    transition: opacity 0.25s ease-in-out;
}

.toolbarcontainer2:hover{
    opacity: 1;
}